<template>
  <!--分页-->
  <a-pagination
      show-quick-jumper
      show-size-changer
      v-if="isShow"
      :current="current"
      :size="type"
      :total="total"
      :page-size="size"
      :page-size-options="options"
      :show-total="(total) => `共 ${total} 条`"
  />
</template>

<script lang="ts">

export default {
  name: "Pagination",
  props: {
    isShow: {
      type: Object,
      required: false,
      default: true,
    },
    current: {
      type: Object,
      required: false,
      default: 1,
    },
    size: {
      type: Object,
      required: false,
      default: 10,
    },
    total: {
      type: Object,
      required: false,
      default: 0,
    },
    options: {
      type: Object,
      required: false,
      default: ['1', '10', '30', '50', '100', '200'],
    },
    type: {
      type: Object,
      required: false,
      default: 'small',
    },
  },
  components: {},
  data() {
    return {};
  },
  methods: {}
}
</script>

<style lang="less">

.ant-pagination.mini .ant-pagination-options-quick-jumper input {
  text-align: center;
}
</style>
